<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		td {
			width: 150px;
			height: 50px;
			text-align: center;
			vertical-align: middle;
		}

		.my-div {
			display: table-cell;
			width: 300px;
			height: 140px;
			border: 2px solid red;
			text-align: center;
			vertical-align: middle;
		}
	</style>
</head>
<body>

<div class="my-div">
	my text
</div>

<hr>

<table border="1">
	<tr>
		<th>item1</th>
		<th>item2</th>
		<th>item3</th>
		<th>item4</th>
		<th>item5</th>
	</tr>
	<tr>
		<td>item body1</td>
		<td>item body2</td>
		<td>item body3</td>
		<td>item body4</td>
		<td>item body5</td>
	</tr>
	<tr>
		<td>item body1</td>
		<td>item body2</td>
		<td>item body3</td>
		<td>item body4</td>
		<td>item body5</td>
	</tr>
	<tr>
		<td>item body1</td>
		<td>item body2</td>
		<td>item body3</td>
		<td>item body4</td>
		<td>item body5</td>
	</tr>
	<tr>
		<td>item body1</td>
		<td>item body2</td>
		<td>item body3</td>
		<td>item body4</td>
		<td>item body5</td>
	</tr>
	<tr>
		<td>item body1</td>
		<td>item body2</td>
		<td>item body3</td>
		<td>item body4</td>
		<td>item body5</td>
	</tr>
</table>
	
</body>
</html>